<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <title>ECharts</title>
    <!-- 引入 echarts.js -->
    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="js/echarts.min.js"></script>
</head>
<body>
<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
<div id="main" style="width: 600px;height:400px;"></div>
<script type="text/javascript">
    var myChart = echarts.init(document.getElementById('main'));
    // 指定图表的配置项和数据
    var option = {
            tooltip: {
                trigger: 'item',
                formatter: "{a} <br/>{b}: {c} ({d}%)"
            },
            legend: {
                orient: 'vertical',
                x: 'left',
                data:[]
            },
            series: [
                {
                    name:'访问来源',
                    type:'pie',
                    radius: ['50%', '70%'],
                    avoidLabelOverlap: false,
                    label: {
                        normal: {
                            show: false,
                            position: 'center'
                        },
                        emphasis: {
                            show: true,
                            textStyle: {
                                fontSize: '30',
                                fontWeight: 'bold'
                            }
                        }
                    },
                    labelLine: {
                        normal: {
                            show: false
                        }
                    },
                    data:[]
                }
            ]
    };
    $(function(){
        var servicedata=[];
        $.get("echart").done(function (data) {
            if(data){
                var obj = eval(data);
                for(var i=0;i<obj.length;i++){
                    var sum = new Object();
                    sum.name=data[i].depname;
                    sum.value=data[i].count;
                    servicedata[i]=sum;
                }
                for(var j=0;i<obj.length;j++){
                    var name = new Array();
                    name[j] = data[j].depname;
                }
            }
            myChart.setOption({
                legend:{data:name},
                series: [{
                    // 根据名字对应到相应的系列
                    name: '部门人数',
                    data: servicedata
                }]
            });
        });
    });
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
</script>
</body>
</html>